<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> 
<c:set var="path" value="${pageContext.request.contextPath}"/>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.7.js"></script>
<html>
<head>
<style type="text/css">
* { padding: 0; margin: 0; }
.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }

.am-share-footer { margin: 10px; }
.am-share-footer .share_btn { color: #555;  display: block; width: 100%; background-color: #e6e6e6; border: 0; solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }

.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; }

.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }

.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }

.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }

</style>
	<style type="text/css">
		.img_meng_show td{
　　　　　　vertical-align: middle;
　　　　　　text-align: center;
　　　　}
		.buton {
		border-radius:4px;
		webkit-border-radius: 4px;
		}

	</style>
	<script type="text/javascript">
	function toshare(){
		$(".am-share").addClass("am-modal-active");	
		if($(".sharebg").length>0){
			$(".sharebg").addClass("sharebg-active");
		}else{
			$("body").append('<div class="sharebg"></div>');
			$(".sharebg").addClass("sharebg-active");
		}
		$(".sharebg-active,.share_btn").click(function(){
			$(".am-share").removeClass("am-modal-active");	
			setTimeout(function(){
				$(".sharebg-active").removeClass("sharebg-active");	
				$(".sharebg").remove();	
			},300);
		})
	}	
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录界面</title>




	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

</head>
<body  style="background-color:#f2f3f4 ">
 <div  class="container-fluid" style="margin: 0;width: 100%;padding: 0">
 	<div class="row">
 		<div class="col-sm-12" style="height:140px;width: 100%;padding: 0;background-color: #333B46" >	
 		<table style="height: 100%">
 			<tr>
 			<td style="width: 150px" align="center"><img alt="" src="img/2006707973.jpg" style="width: 35px"></td>
 			<td style="width: 700px;" align="center"><span style="font-size: 55px;color: #ffffff;">用户资料完善</span></td>
 			</tr>
 		</table>	
 		</div>
 		<div class="col-sm-12" style="height:80px;padding: 0;background: #ffffff"  align="center">
 		<table >
 			<tr>
 				<td>
 				</td>
 			</tr>
 		</table> 
 		</div>
 		<div class="col-sm-12" style="height:480px;padding: 0;background: #ffffff"  align="center">
 		<table >
 			<tr>
 				<td>
 				<img alt="" src="img/920645047.jpg" style="width: 730px;height: 400px"  onClick="toshare()">
 				</td>
 			</tr>
 		</table> 
 		</div>
 		<div class="col-sm-12" style="height:25px"></div>
 		<div class="col-sm-12" style="height:75px;width:100%;padding: 0;background-color: #f2f3f4;"  >
 			<table>
 			<tr>
 				<td align="right" style="width: 100px">
 				<img alt="" src="img/889178845.jpg" style="width: 70px;height: 70px">
 				</td>
 				<td>
 				<span style="font-size: 45px">请参考下列图片参考上传正面照</span>
 				</td>
 			</table>
 		</div>
		<div class="col-sm-12" style="height:25px"></div>
		<div class="col-sm-12" style="height:580px; background-color: #ffffff">
			<table>
				<tr style="height: 70px"></tr>
				<tr>
					<td style="width: 60px"></td>
					<td>
						<img alt="" src="img/ti4654.jpg" style="width: 400px;height: 430px">
					</td>
					<td style="width: 70px"></td>
					<td>
						<img alt="" src="img/08947a5cac3a51331579a9b07472d711.jpg" style="width: 400px;height: 430px">
					</td>
				</tr>
			</table>
		</div>
		<div class="col-sm-12" style="height:auto;" align="center">
			<table>
				<tr style="height: 90px"></tr>
				<tr style="height: 100px" >
					<td>
						 <button  type="button" class="btn" style=";background-color:#27a2f0;color:#ffffff;width:620px;height: 130px;font-size: 50px" onclick="toshare()">确定</button>
						
					</td>
				</tr>
				<tr style="height: 70px"></tr>
			</table>
		</div>
 	</div>
<div class="am-share" style="width: 100%">
<div  align="center"  ><button  style="height: 130px; width:100%;font-size: 51px;background-color: #ffffff;border: 0" ><b>拍照</b></button></div>
<div  align="center" ><button  style="height: 130px; width:100%;font-size: 51px;background-color: #ffffff;border: 0" ><b>从相册选择图片</b></button></div>
<div  align="center" ><button  style="height: 130px; width:100%;font-size: 51px;background-color: #ffffff;border:0" ><b>查看历史图片</b></button></div>
<div style="height: 20px;background-color: #f2f3f4;border: 0;padding: 0"></div>
<div  align="center"><button  style="height: 140px; width:100%;font-size: 51px;background-color: #ffffff;border:0" ><b>取消</b></button></div>
</div>
 </div>

  </body>
</html>
